<!--
 * @Author: Fred
 * @Date: 2018-12-22 15:59:40
 * @LastEditors: Fred
 * @LastEditTime: 2018-12-22 16:30:11
 * @Description: 
 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>搞搞Parcel</title>
</head>

<body>
    <h1>Parcel 有什么特别之处，我为什么要关注呢？</h1>
    <div>
        虽然 webpack 带来了许多可配置性，同事也造就了它的复杂性。 而 Parcel 带来简单性。 官方号称 Parcel 为 “零配置” ，开箱即用。 正如上面所说的 – Parcel 内置了一个开箱即用的开发服务器。 开发服务器将在你更改文件时自动重新构建你的应用程序，并支持 模块热替换 以实现快速开发。
    </div>


    <h1>Parcel 有什么好处？</h1>
    <ol>
        <li>快速打包 – Parcel 比 Webpack，Rollup 和 Browserify 更快。</li>
        <li>Parcel 支持 JS、CSS、HTML、资源文件等等 – 无需插件 – 更加便于用户使用</li>
        <li>零配置。开箱即用的代码拆分，模块热替换，CSS 预处理器，开发服务器，缓存等等；</li>
        <li>更加友好的错误日志</li>
    </ol>
    <script src="./index.js"></script>
</body>

</html>